

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page language="java" contentType="text/html;UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="s" uri="/struts-tags" %>

<html>
 <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <script type="text/javascript" src="/Fonafe-Bienes/js/jquery.min.js"></script>
    <script type="text/javascript" src="/Fonafe-Bienes/js/jsindex.js"></script>
    <link href="/Fonafe-Bienes/css/default.css" type="text/css" rel="stylesheet" />
    <script type="text/javascript" src="/Fonafe-Bienes/js/jsvalidaciones.js"></script>
    <link rel="stylesheet" type="text/css" href="/Fonafe-Bienes/css/custom-theme/jquery-ui-1.8.17.custom.css" />
    <script src="/Fonafe-Bienes/js/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script src="/Fonafe-Bienes/js/jquery-ui-1.8.17.custom.min.js" type="text/javascript"></script>
    
    <script type="text/javascript" src="/Fonafe-Bienes/js/jquery.min.js"></script>
    <script src="/Fonafe-Bienes/js/jquery.colorbox.js" type="text/javascript"></script>
    <link href="/Fonafe-Bienes/css/default.css" type="text/css" rel="stylesheet" />
    <link href="/Fonafe-Bienes/css/colorbox.css" type="text/css" rel="stylesheet" />
    
    <script type="text/javascript" src="/Fonafe-Bienes/js/jscorreo.js"></script>
    <!-- PARA CALENDARIO -->
    <link type="text/css" rel="stylesheet" href="/Fonafe-Bienes/Cal/dhtmlgoodies_calendar/dhtmlgoodies_calendar.css?random=20051112" media="screen" />
    <script type="text/javascript" src="/Fonafe-Bienes/Cal/dhtmlgoodies_calendar/dhtmlgoodies_calendar.js?random=20060118"></script>
    <!-- FIN PARA CALENDARIO -->
    
    <script type="text/javascript">
        $(document).ready(function(){
            $(".mapa_1").colorbox({rel:'mapa_1'});
            $(".group").colorbox({rel:'group', slideshow:true});
        });
        
        function comprueba_extension(archivo,id) {
        extensiones_permitidas = new Array(".gif", ".jpg", ".jpeg", ".png");
        var error = "";
        if (!archivo) {
            error = "No has seleccionado ningún archivo";
        }else{
            extension = (archivo.substring(archivo.lastIndexOf("."))).toLowerCase();
            permitida = false;
            for (var i = 0; i < extensiones_permitidas.length; i++) {
                if (extensiones_permitidas[i] == extension) {
                    permitida = true;
                    break;
                }
            }
            if (!permitida) {
                error = "Comprueba la extensión de los archivos a subir. \nSólo se pueden subir archivos con extensiones: " + extensiones_permitidas.join();
            }else{
               return;
            }
        }
        alert(error);
       }
    </script>
    
    
    
    
        <script type="text/javascript">
       (function($) {
            $(document).ready(function(){
                agregar_item();
            });
        })(jQuery);
        
        $contador = 0;
        function agregar_item(){
            $contador++;
            var element = '<div id="00'+$contador+'">' +
                '<div id="divFile00'+$contador+'" style="width: 500px;"><input type="file" name="foto" id="imagen00'+$contador+'" >' +
                '&nbsp;&nbsp;&nbsp;<a href="#" style="text-decoration: none;" onclick="eliminar_item(\'00'+$contador+'\')" >Eliminar</a></div>' +
                '</div>';
            $('#contendor_galeria').append(element);
        }
        
        function eliminar_item(id){
            $('#'+id).remove();
        }
    </script>
    </head>
    
     <body>   
     <div id="header">  
         <jsp:include page="/base/header_Login.jsp" flush="false"/>
         <jsp:include page="/base/menu_GLC.jsp" >
					<jsp:param name="parametro" value="inmueble" />
		     </jsp:include>  
        </div>
<div id="main">
    
        <div id="cuerpo">
            
            <s:url action="regresarBuscaInmueblesGLC" id="regresarBuscaInmGLC">                 
            </s:url>
            <p style="margin-left: 120px;">
            <s:a href="%{regresarBuscaInmGLC}" cssClass="botones_externos"> << Regresar </s:a></p>
        <!--listado-->
        
        <div>
                <s:if test="%{mensajeFail != null}">
                    <div class="msg-error" style="width: 550px;">
                        <s:property value="mensajeFail"/>
                    </div>
                </s:if>
        <s:form action="guardarNuevoInmueble" theme="simple" name="saveInmForm" method="post" enctype="multipart/form-data" >
                  <div class="contenido_grilla" style="margin-center: 100px;">
                      <table class="table_form_consulta adicion_mantenimiento">                          
                                  <thead>
                                    <tr>
                                        <th colspan="3">Registrar Inmueble</th>
                                    </tr>
                                </thead>
                                  <tr> 
                                      <td colspan="2">Nombre(*)</td><td><input type="text" id="txtNombre" name="inmuebleBean.nombre" value="<s:property value="inmuebleBean.nombre" />"></input>
                                      <div class="error_registro">
                                         <span></span>
                                      </div>  
                                     </td>
                                  </tr>
                                  <tr>
                                      <td colspan="2">Descripci&oacute;n(*)</td>
                                      <td ><textarea cols="15" class="text_areas" id="txtDescripcion" name="inmuebleBean.descripcion" ></textarea>
                                      <div class="error_registro">
                                         <span></span>
                                      </div>
                                      </td>
                                  </tr>
                                  <tr>
                                      <td colspan="2">Tipo Moneda(*)</td>
                                      <td>
                                      <s:select label="Tipo Moneda(*)"
                                                    list="#{'Sol':'Sol', 'Dolar':'Dolar', 'Euro':'Euro'}"
                                                    name="inmuebleBean.tipoMoneda" 
                                                    />
                                      </td>
                                  </tr>
                                  <tr>
                                      <td colspan="2">Precio(*)</td><td ><input type="text" id="txtPrecio" name="inmuebleBean.precio" value="<s:property value="inmuebleBean.precio" />" onkeypress="return $.solonumerodecimal(event);"></input>
                                      <div class="error_registro">
                                         <span></span>
                                      </div>  
                                      </td>
                                  </tr>
                                  <tr>
                                      <td colspan="2">Dept / Prov / Distrito (*)</td><td colspan="2">
                                          <div id="errorUbigeo" class="error_registro">
                                             <span></span>
                                          </div>   
                                          <input id="oculto2" type="hidden"  />
                                          <input id="oculto" type="hidden" name="inmuebleBean.idUbigeo" />
                                          <input autocomplete="off" id="TxtUbigeo" onkeyup="$.autocomplete($(this));" class="texto_mediano" type="text" name="inmuebleBean.ubigeo" />
                                      </td>
                                  </tr>
                                  <tr>
                                      <td colspan="2">Direcci&oacute;n(*)</td><td ><input type="text" id="txtDireccion" name="inmuebleBean.direccion" value="<s:property value="inmuebleBean.direccion" />"></input>
                                      <div class="error_registro">
                                         <span></span>
                                      </div>   
                                      </td>
                                  </tr>
                                  <tr>
                                     <td colspan="2">Tipo Inmueble(*)</td>
                                      <td > <s:select label="Tipo Inmueble(*)" name="inmuebleBean.tipoInmueble" list="listTipoInmueble" listKey="idTipoInmueble" listValue="nombre" /></td>

                                  </tr>   
                                  <tr>
                                        
                                      <td colspan="2">Foto Principal</td>
                                      <td>
                                         <input class="archivo" type="file" onchange="comprueba_imagen(this.value,fotoPrincipalInm)" name="fotoPrincipalInm" id="fotoPrincipalInm" />
                                      </td>
                                      
                                  </tr>
                                  <tr>
                                      <td colspan="2">Fecha de Vencimiento(*)</td><td >
                                            <div class="error_registro">
                                             <span></span>
                                          </div>
                                          <input type="text" id="txtFechaVen" class="class_calendar" maxlength="10" size="7"   name="fechaInmueble" class="align_left" ></input>
                                          <a href="javascript:void(0)" onclick="displayCalendar(document.saveInmForm.fechaInmueble,'dd/mm/yyyy',this)"><img src="/Fonafe-Bienes/img/calendar.png" alt="" /></a>
                                           
                                      </td>
                                  </tr>
                                  <tr>
                                      <td colspan="2">&Aacute;rea Terreno (m2)</td><td ><input id="txtTerreno" type="text" name="inmuebleBean.areaTerreno" value="<s:property value="inmuebleBean.areaTerreno" />"></input>
                                          <div class="error_registro">
                                             <span></span>
                                          </div>   
                                      </td>
                                  </tr>
                                  <tr>
                                      <td colspan="2">&Aacute;rea Construida (m2)</td><td ><input id="txtAreaConst" type="text" name="inmuebleBean.areaConstruida" value="<s:property value="inmuebleBean.areaConstruida" />"></input>
                                         <div class="error_registro">
                                          <span></span>
                                         </div>   
                                      </td>
                                  </tr>
                                  <tr>
                                         
                                      <td colspan="2">Plano Ubicaci&oacute;n</td>
                                      <td>
                                         <input class="archivo" type="file" onchange="comprueba_imagen(this.value,planoUbicacionInm)" name="planoUbicacionInm" id="planoUbicacionInm" />
                                      
                                      </td>
                                      
                                  </tr>
                                  
                                     <!--s:select label="Tipo Contrato(*)"
                                                    list="{'Venta':'Venta', 'Alquiler':'Alquiler'}"
                                                    name="inmuebleBean.tipoContrato" 
                                      /-->
                                     
                                  <tr>
                                      
                                      <td colspan="3" align="center"><br></br>
                                          Galeria de Fotos
                                          <div id="contendor_galeria">
                                          </div>
                                          <div id="IdAgregar" style="margin-left: 200px;"><a href="#" onclick="agregar_item()" style="text-decoration: underline;" >elegir m&aacute;s archivos</a></div>
                                          <br />
                                      </td>
                                  </tr>
                      </table>

                    <br/>
                    <br/>
                    <br />
                   <div align="center">
                       <input id="btnInmuebleGLC" type="submit" value=" Guardar " class="buttonsubmit"/>
                  </div>
                    
                    
                    
         </div>
         </s:form>
         <div class="clean_space"></div>
        
       </div>
        </div>

          <jsp:include page="/base/footer.jsp" flush="false" />
  
  
</div>
  </body>
</html>
